/* 
    Document   : orderList
    Created on : Feb 20, 2013, 1:20:19 PM
    Author     : trungnm
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#orderlist-wraper{
    width: 100%;
    height: 100%;

}

#orderlist{
    float: left;
    margin: 30px 0 50px 25px;
    width: 45%;
    border: 1px solid #F5F5F5;
    -webkit-box-shadow: 0px 0px 10px #F5F5F5;
    -webkit-border-radius: 5px;

}

#order-dateCreated{
    float: left;
    width: 30%;
}

#order-title{
    float: left;
    width: 20%;
}

#order-status{
    float: left;
    width: 25%;
}

#order-total{
    float: left;
    width: 25%;
}

#orderDetail{
    float: right;
    margin: 30px 25px 50px 0;
    width: 48%;
    border: 1px solid #F5F5F5;
    -webkit-box-shadow: 0px 0px 10px #F5F5F5;
    -webkit-border-radius: 5px;

}

#orderDetail-productName{
    float: left;
    width: 35%;
}

#orderDetail-price{
    float: left;
    width: 25%;

}

#orderDetail-quantity{
    float: left;
    width: 15%;

}

#orderDetail-total{
    float: left;
    width: 25%;

}

#print-pdf{
    text-decoration: none;
    border: solid 1px #33FF00;
    background-color: #33FF00;
    color: darkblue;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px #F5F5F5;
    -moz-box-shadow: 0px 0px 10px #F5F5F5;
    padding: 5px 10px 5px 10px;
}